<script>
export default {
	data(){
		return{
			
		}
	},
	onLoad() {
		
	},
	methods:{
		
	}
}
</script>

<style lang="scss">
// 通用样式
*{padding:0; box-sizing:border-box;}
body{}
page{}
.wrapper{ box-sizing: border-box; padding-left:2%; padding-right:2%; padding-top:2%; padding-bottom:2%; min-width:320px; max-width:768px; margin:0 auto;}
.wrapper_full{ box-sizing: border-box; max-width:768px; margin:0 auto; min-width:320px;}
.uni-page-head{max-width:100%;}

.ad_feed{margin-bottom:20rpx;}
.center{padding-left:2%; padding-right:2%;}
.no_data{
	.image{margin:0 auto; width:60%; display:block;}
	.p{text-align:center; display:block; color:#777;}
}

uni-swiper{
	.uni-swiper-dot{background:#fff;}
	.uni-swiper-dot-active{background-color:$pub_color;}
}

button[type=primary]{
	background:$pub_color;
	line-height:54rpx;
	height:54rpx;
}

// 新闻列表
.news{
	.pub_search{margin-bottom:30rpx;}
}

.news_tabs{margin-bottom:30rpx; display:flex; justify-content:space-between; align-items:center;
	.tabs{width:100%; text-align:center; padding:12rpx 8rpx; margin:0 10rpx; border-radius:8rpx; background:#e9e9e9;}
	.tabs.active{background:$pub_color; color:#fff;}
}

.news_ul{ 
	.li{ display:flex; align-items: center; justify-content: space-between; border-bottom:1px solid #ccc; padding-bottom:10rpx; margin-bottom:10rpx;
		.img{ width:200rpx; height:160rpx; flex-shrink: 0; margin-right:30rpx;
			.image{width:100%; height:100%;}
		}
		.desc{ width:100%;
			.title{display:block; margin-bottom:14rpx; font-size:34rpx; height:40rpx; overflow:hidden;}
			.summary{display:block; font-size:30rpx; color:#7B7B7B; height:120rpx; overflow:hidden;}
		}
		&:last-child{border-bottom:none; margin-bottom:0; padding-bottom:0;}
	}
}

// 新闻内页
.news_view{ background:#fff;
	> .title{display:block; text-align:left; font-weight:bold; font-size:50rpx; margin-bottom:30rpx;}
	.content{font-size:32rpx;
		*{margin:6rpx 0;}
	}
}

.word_content{
	display:block; font-size:30rpx; line-height:180%;
	image{max-width:100%;}
	view{
		margin-bottom:20rpx;
	}
	/deep/ h3{font-size: 40rpx; margin-bottom:10rpx;}
	/deep/ img{
		width:100%; height:unset !important;
	}
	/deep/ .text{
		font-size: 36rpx; font-weight:bold; margin-bottom:20rpx;
	}
	.strong{
		font-weight:bold;
	}
	.p{
		margin-bottom:20rpx;
	}
	.i{
		font-style:italic;
	}
	.h2{
		font-size: 38rpx; margin-bottom:10rpx;
	}
}

</style>
